<template>
  <div class="meeting">
    <meetingBar></meetingBar>
    <swiperDom class="meetingBaner" :banners="bannerList"></swiperDom>
    <meetingList :meetList="meetList"></meetingList>
  </div>
</template>
<script type="text/ecmascript-6">
import sortIcon from "../../assets/img/replaypart/iconsort.png";
import meetingList from "../../components/meetimg/meetingList";
import meetingBar from "../../components/nav/meetingBar";
import swiperDom from "../../components/siwperDom";
import { iccmeetinglist } from "../../api/meeting.js";
import { getbanner } from "../../api/sort";
export default {
  data() {
    return {
      search: "",
      sortIcon,
      meetList: [],
      bannerList: []
    };
  },
  components: {
    meetingList,
    meetingBar,
    swiperDom
  },
  methods: {
    getbanners() {
      let obj = {};
      obj.place = "meeting";
      getbanner(obj).then(res => {
        if (res.code == "0000") {
          this.bannerList = res.data;
        }
      });
    },
    onSearch() {},
    meeting() {
      iccmeetinglist().then(res => {
        this.meetList = res.data;
      });
    }
  },
  created() {
    this.meeting();
    this.getbanners();
  }
};
</script>
<style scoped lang="less">
.meeting {
  min-height: 100%;
  background: #ffffff;
  padding-bottom: 1rem;
}
</style>
